<!DOCTYPE html>
<html>
	<head>
		<!-- 设置浏览器不缓存 -->
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
		<!-- Content-Type -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- Favicon -->
		<link rel="shortcut icon" href="./images/logo.png">
		<title>企业服务共享中心</title>
		<!--stylesheets-->
		<link rel="stylesheet" href="./plugins/element/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/element/index.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		<!-- 自定义样式表 -->
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">
	</head>
	<style>
		.video-container {
			display: flex;
			flex-direction: column;
		}

		.video-list {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			float: left;

		}

		.thumbnail-img {
			text-align: center;
		}

		.span_title {
			font-weight: bold;
			font-size: 100%;
		}

		#app {
			overflow: hidden;
		}

		.list {
			max-height: 800px;
		}

		.el-scrollbar {
			height: 100%;
		}

		.el-scrollbar__wrap {
			overflow: scroll;
			width: 110%;
			height: 150%;
		}
	</style>
	<body>
		<div id="app">
			<template>
				<el-container class="maincontainer">
					<el-container class="submaincontainer">
						<el-card class="box-card" style="position:relative;width:330px" shadow="never" v-show="leftbar_show">
							<div style="position:absolute;left:0;top:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding-left: 20px;padding-top: 20px;padding-right: 20px;">

								<div slot="header" class="clearfix">
									<span>目录</span>
								</div>
								<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
							</div>
						</el-card>
						<el-card class="box-card" style="width:100%" shadow="never">
							<div slot="header" class="clearfix">
								<i v-on:click="showLeftBar()" v-bind:class="[leftbar_show ? 'el-icon-s-fold' : 'el-icon-s-unfold']" style="color:#409EFF;cursor:pointer;"></i>
								<span>{{help.title}}</span>
							</div>
							<el-scrollbar wrap-class="list" view-class="view-box" :native="false">
								<p id="fcontent">
									概述:{{help.summary}}
								</p>


								<div v-for="(item,index) in help.func">
									<div>
										<h5 class="span_title" :id="forId(item,index)">{{item.name}}</h5>
									</div>
									<video :src="item.activeVideo" controls="controls" frameborder="0" allow="encrypted-media"
									 allowfullscreen style="width: 300px;height: 200px;"></video>
									 
									<div v-for="(item1,index1) in item.describes">
										<p>{{item1.describe}}</p>
									</div>
								</div>
								<div style="width: 100%;height: 400px;"></div>
							</el-scrollbar>
						</el-card>
					</el-container>
				</el-container>


			</template>

	</body>

	<script src="./js/help.js?v=0.8.0.3"></script>

	</script>
</html>
